<!DOCTYPE html>
<html>
	<head>
		<title>Hall88 - French Web Agency</title>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
		<meta name="keywords" content="" />
        <meta name="description" content=""/>
		<meta name="viewport" content="width=1024, maximum-scale=1.0" />
		<link rel="icon" type="image/png" href="<?php echo URL_TPL; ?>assets/img/favicon.png" />
		<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
		<link rel="stylesheet" type="text/css" href="<?php echo URL_TPL; ?>assets/css/frontoffice.css" />
		<link rel="stylesheet" type="text/css" href="<?php echo URL_TPL; ?>assets/scripts/bxslider/jquery.bxslider.css" />
		<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
		<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
		<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
		<script type="text/javascript" src="<?php echo URL_TPL; ?>assets/scripts/functions.js"></script>
		<script type="text/javascript" src="<?php echo URL_ROOT; ?>controllers/Behaviours.class.js"></script>
		<script type="text/javascript" src="<?php echo URL_TPL; ?>assets/scripts/bxslider/jquery.bxslider.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('#slider-home').bxSlider({
					infiniteLoop: false,
					mode: 'fade',
					hideControlOnEnd: true,
					controls : false
				});
				$('#slider-about').bxSlider({
					mode: 'fade',
					controls : false
				});
				$('#slider-news').bxSlider({
					mode: 'fade',
					pager : false
				});
			});
		</script>
	</head>
    <body>